<template>
	<view class="jd_big">
		<view class="jd_big1">
			<view>
				<view class="jindu">
					<image v-if="sta[0] == 0" class="img1" src="../static/60.png" mode=""></image>
					<image v-if="sta[0] == 1" class="img1" src="../static/61.png" mode=""></image>
					<image v-if="sta[0] == 2" class="img1" src="../static/64.png" mode=""></image>
					<!-- =========================== -->
					<image v-if="sta[1] == 1" class="img2" src="../static/62.png" mode=""></image>
					<image v-if="sta[1] == 0" class="img2" src="../static/63.png" mode=""></image>
					<!-- =========================== -->
					<image v-if="sta[2] == 1" class="img1" src="../static/60.png" mode=""></image>
					<image v-if="sta[2] == 0" class="img1" src="../static/61.png" mode=""></image>
					<image v-if="sta[2] == 2" class="img1" src="../static/64.png" mode=""></image>
					<!-- =========================== -->
					<image v-if="sta[3] == 1" class="img2" src="../static/62.png" mode=""></image>
					<image v-if="sta[3] == 0" class="img2" src="../static/63.png" mode=""></image>
					<!-- =========================== -->
					<image v-if="sta[4] == 1" class="img1" src="../static/60.png" mode=""></image>
					<image v-if="sta[4] == 0" class="img1" src="../static/61.png" mode=""></image>
					<image v-if="sta[4] == 2" class="img1" src="../static/64.png" mode=""></image>
					<!-- =========================== -->
					<image v-if="sta[5] == 1" class="img2" src="../static/62.png" mode=""></image>
					<image v-if="sta[5] == 0" class="img2" src="../static/63.png" mode=""></image>
					<!-- =========================== -->
					<image v-if="sta[6] == 1" class="img1" src="../static/60.png" mode=""></image>
					<image v-if="sta[6] == 0" class="img1" src="../static/61.png" mode=""></image>
					<image v-if="sta[6] == 2" class="img1" src="../static/64.png" mode=""></image>
					<!-- =========================== -->
					<image v-if="sta[5] == 1" class="img2" src="../static/62.png" mode=""></image>
					<image v-if="sta[5] == 0" class="img2" src="../static/63.png" mode=""></image>
					<!-- =========================== -->
					<image v-if="sta[6] == 1" class="img1" src="../static/60.png" mode=""></image>
					<image v-if="sta[6] == 0" class="img1" src="../static/61.png" mode=""></image>
					<image v-if="sta[6] == 2" class="img1" src="../static/64.png" mode=""></image>
				 </view>
				 <view class="jindu_fot">
					<view class="active">填写申请</view>
					<view>提交资料</view>
					<view>征信授权</view>
					<view>身份验证</view>
					<view>身份验证</view>
					<view>身份验证</view>
				 </view>  
			</view>    
		</view>
	</view>
</template>

<script>
	export default {
		data() {
			return {
				
			}
		},
		props:['sta'],
		onLoad() {
			console.log(this.sta)
		},
		methods: {
			
		}
	}
</script>

<style>
	.jd_big1{
		display: flex;
		/* border: 1px solid red; */
	}
	.jd_big{
		width: 100vw;
		overflow-x: scroll;
	}
	.active{
		color: #4286F5;
	}
	.jindu_fot{
		font-size:24rpx;
		font-family:PingFang SC;
		font-weight:500;
		color:rgba(153,153,153,1);
		margin-top: 20rpx;
		margin-bottom: 50rpx;
		display: flex;
		justify-content: space-between;
		align-items: center;
		padding: 0 30rpx;
		box-sizing: border-box;
	}
	.img2{
		width: 165rpx;
		height: 8rpx;
	}
	.img1{
		width: 40rpx;
		height: 40rpx;
	}
	.jindu{
		margin-top: 60rpx;
		display: flex;
		justify-content: center;
		align-items: center;
	}
</style>
